<template>
  <div id="">
    <h2 v-title="'城市'"></h2>
    <p class="p10 tips">当前开通城市</p>
    <ul class="citiesList">
      <li v-for="(item,index) in cityList" :key="item.key"
      :id="'city'+item.areaId" @click="chooseCity(index)">
        <span>{{item.areaName}}</span>
        <img src="@/assets/images/true@2x.png" width="15" alt="" v-if="item.isChoose || item.areaId==openCity.areaId">
      </li>
    </ul>
  </div>
</template>

<script src='./cities.js'></script>
<style lang="scss" scoped src='./cities.scss'></style>
